<template>
  <view class="questions flexc">
    <view class="flex1 over">
      <scroll-view scroll-y="true" style="height: 100%">
        <view class="wrap">
          <view class="box">
            <view class="flex">
              <view class="label">Q</view>
              <view class="title">常见问题</view>
            </view>
            <view class="flex mt20">
              <view class="label1">A</view>
              <view class="value flex1">常见问题</view>
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
</template>

<script></script>

<style lang="scss" scoped>
.questions {
  width: 100%;
  height: 100%;
  background: #f8f8f8;
  .wrap {
    height: 100%;
    box-sizing: border-box;
    padding: 24upx 32upx;
    .box {
      background: #ffffff;
      border-radius: 16rpx 16rpx 16rpx 16rpx;
      margin-bottom: 24upx;
      padding: 32upx 24upx;
      .label {
        font-weight: bold;
        font-size: 32rpx;
        color: #282d43;
        margin-right: 24upx;
      }
      .title {
        font-weight: 400;
        font-size: 32rpx;
        color: #000000;
      }
      .label1 {
        font-weight: bold;
        font-size: 24rpx;
        color: #f49c0d;
        margin-right: 28upx;
      }
      .value {
        font-weight: 400;
        font-size: 24rpx;
        color: #000000;
      }
      .mt20 {
        margin-top: 20upx;
      }
    }
  }
}
</style>
